.order-address{ font-size:12px; }
.order-content{ width:100%; display:inline-block; vertical-align:top; margin-bottom:10px; background:#eee;}
.order-content .order-con{ background:#fff; margin-bottom:10px;}
.order-content .order-con > div{ display:inline-block; width:100%; vertical-align:top;}
.order-content .order-con .title{ padding:10px;  position:relative}
.order-content .order-con .title:after{ content:"";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;-webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.order-content .order-con .title *{ height:100%;  font-size:12px;}
.order-content .order-con .title .num{ float:left; font-size:15px; margin-top:2px; }
.order-content .order-con .title  i{  float:right;}
.order-content .order-con .title .state{ color:#fff }
.state-button{ padding:5px 18px; background:#b8b8b8; color:#fff; border-radius:5px;}
.state-button-pay{ padding:5px 18px; background:#ff6161; color:#fff; border-radius:5px;}
.state-button-check{ padding:5px 18px; background:#1aad19; color:#fff; border-radius:5px;}
.order-content .order-con .title .pay{ float:right; display:block; background:#FB218F; color:#fff; padding:5px 10px; border-radius:8px; margin-top:8px; }
.order-content .order-con .title .pay:active{ opacity:0.7}
.order-content .order-con .title .pay:visited{ color:#fff;}
.order-content .order-con .title .look{ float:right; display:block; background:#1aad19; color:#fff;  padding:5px 10px; border-radius:8px;  margin-top:8px; }
.order-content .order-con .title .look:active{ opacity:0.7}
.order-content .order-con .title .look:visited{ color:#fff;}
.order-content .order-con .list{ padding:0 10px;position:relative }
.order-content .order-con .list:after{ content:"";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;border-bottom: 1px solid #ddd;-webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.order-content .order-con .list *{ float:left; font-size:12px;}
.order-content .order-con .list b{ width:110px; height:110px;}
.order-content .order-con .list b img{ width:100%; height:100%}
.order-content .order-con .list i{ width:calc(100% - 120px); width:-webkit-calc(100% - 120px); height:55px; margin-top:-8px; }
.order-content .order-con .list i p{ display:block; padding:0px 0px; width:100%;overflow: hidden;text-overflow: ellipsis;
white-space: nowrap;}
.order-content .order-con .list i .num{ color:#999; font-size:12px; margin-top:0.1rem; }
.order-content .order-con .bot{ padding:10px; }
.order-content .order-con .bot *{ height:100%;  }
.order-content .order-con .bot .price{ float:left; color:#1aad19; /*color:#FB218F;*/ font-size:16px; }
.order-content .order-con .bot .data{ float:right; font-size:12px; }
.data-button{ padding:5px 10px; border:1px solid #489837; color:#489837; border-radius:5px;}
